<div class="control" [ngClass]="themeClass">
    <layout-header [pageType]="'IAS'" (childOuter)="themeChenge($event)"></layout-header>
    <div class="controlMain">
        <div nz-row>
            <div nz-col nzSpan="17">
                <div class="gjt black">
                    <div [innerHTML]="iframe"></div>
                </div>
                <div class="alarmInfo black">
                    <h3>实时预报警信息</h3>
                    <div class="table">
                        <nz-table #rowSelectionTable [nzLoadingDelay]="1000" [nzShowPagination]="false"
                            [nzScroll]="{'y':'160px'}" [nzFrontPagination]="false" [nzData]="alarmInfo">
                            <thead>
                                <tr>
                                    <th nzAlign="center" nzWidth="80px">序号</th>
                                    <th nzAlign="center" nzWidth="10%">车站</th>
                                    <th nzAlign="center" nzWidth="13%">报警类型</th>
                                    <th nzAlign="center" nzWidth="13%">报警时间</th>
                                    <th nzAlign="center">报警名称</th>
                                    <th nzAlign="center" nzWidth="15%">设备名称</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr *ngFor="let data of rowSelectionTable.data;index as i">
                                    <td [ngStyle]="alarmColor(data)" nzAlign="center">{{i + 1}}</td>
                                    <td [ngStyle]="alarmColor(data)" nzAlign="center">{{data.stationname}}</td>
                                    <td [ngStyle]="alarmColor(data)" nzAlign="center">{{data.alarmTypeName}}</td>
                                    <td [ngStyle]="alarmColor(data)" nzAlign="center">
                                        {{data.uTime*1000 | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                                    <td [ngStyle]="alarmColor(data)" nzAlign="center">{{data.alarmtext}}</td>
                                    <td [ngStyle]="alarmColor(data)" nzAlign="center">{{data.devname}}</td>
                                </tr>
                            </tbody>
                        </nz-table>
                    </div>
                </div>
            </div>
            <div nz-col nzSpan="7">
                <div class="alarmClass black">
                    <h3>昨日报警分类信息</h3>
                    <div id="alarmClass" style="width:546px;height:256px;"></div>
                    <div class="legend">
                        <p *ngFor="let item of alarmClassList"><i
                                [ngStyle]="{'background':item.color}"></i><span>{{item.name}}</span>{{item.value}}</p>
                    </div>
                </div>
                <div class="alarmDev black">
                    <h3>昨日报警设备统计</h3>
                    <div id="alarmDev" style="width:546px;height:256px;"></div>
                    <div class="legend">
                        <p *ngFor="let item of alarmDevList"><i
                                [ngStyle]="{'background':item.color}"></i><span>{{item.name}}</span>{{item.value}}</p>
                    </div>
                    <div class="allCount"><span>{{alarmDevCount}}</span>总计</div>
                </div>
                <div class="alarmTrend black">
                    <h3>本周报警趋势分析</h3>
                    <div id="alarmTrend" style="width:546px;height:200px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>